<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://xmlns.jcp.org/jsf/html"
      xmlns:p="http://primefaces.org/ui"
      xmlns:f="http://xmlns.jcp.org/jsf/core">
    <h:head>
        <title>Parcial Patrones de Diseño - JSF</title>
    </h:head>
    <h:body>
        <h:form> 
            <p:panel header="Especificaciones Envase" style="margin-left: 15%; margin-right: 15%;">
                <h:panelGrid style="margin: auto" columns="6" cellpadding="5">
                    <h:outputLabel value="Tipo Envase: " for="tipoEnvase" />  
                    <p:selectOneMenu id="tipoEnvase" value="#{controladorEnvase.tipoEnvase}">  
                        <f:selectItem itemLabel="Seleccion Tipo"/>  
                        <f:selectItem itemLabel="Plastico" itemValue="Plastico"/> 
                        <f:selectItem itemLabel="Cristal" itemValue="Cristal"/> 
                    </p:selectOneMenu> 

                    <h:outputLabel value="Figura Geometrica: " for="figGeometrica" />  
                    <p:selectOneMenu id="figGeometrica" value="#{controladorEnvase.figura}">  
                        <f:selectItem itemLabel="Seleccion Figura"/>  
                        <f:selectItems var="figuras" value="#{controladorEnvase.figuras}" itemLabel="#{figuras.tipo}" itemValue="#{figuras.tipo}"/> 
                    </p:selectOneMenu> 

                    <h:outputLabel value="Color: " for="color" />  
                    <p:selectOneMenu id="color" value="#{controladorEnvase.color}">  
                        <f:selectItem itemLabel="Seleccion Color"/>  
                        <f:selectItems var="colores" value="#{controladorEnvase.colores}" itemLabel="#{colores.nombre}" itemValue="#{colores.nombre}"/> 
                    </p:selectOneMenu> 
                </h:panelGrid>                
            </p:panel>
            <br/>
            <p:panel style="margin-left: 15%; margin-right: 15%;">
                <p:panelGrid style="margin: auto" columns="1">
                    <p:dataTable var="env" value="#{controladorEnvase.envases}">
                        <f:facet name="header">  
                            Listado de Envases Creados  
                        </f:facet>  

                        <p:column headerText="Tipo Envase" footerText="Plastico o Cristal">
                            <h:outputText value="#{env.tipoEnvase.tipoEnvase}" /> 
                        </p:column> 

                        <p:column headerText="Tipo Envase" footerText="Plastico o Cristal">
                            <h:outputText value="#{env.figuraGeometrica.tipo}" /> 
                        </p:column>

                        <p:column headerText="Tipo Envase" footerText="Plastico o Cristal">
                            <h:outputText value="#{env.color.nombre}" /> 
                        </p:column>

                        <f:facet name="footer">  
                            Total - #{controladorEnvase.envases.size()} - Envases.  
                        </f:facet>
                    </p:dataTable>
                </p:panelGrid>
            </p:panel>
            <br/>
            <p:panel style="margin-left: 15%; margin-right: 15%;">
                <h:panelGrid style="margin: auto" columns="1">
                    <h:commandButton id="crEnvaseCristal" value="Crear Envase" action="#{controladorEnvase.crearEnvase()}"/>
                </h:panelGrid>
            </p:panel>
        </h:form>
        <br/>
        <p:panel style="margin-left: 15%; margin-right: 15%;">
            <h:panelGrid style="margin: auto" columns="1">
                <center>
                    <h3>
                        Parcial de Desarrollo de Software II <br/>
                        Jeyson de Jesus Torres Torres <br/>
                        Maricela Franceschi Angulo <br/>
                        VI - Semestre <br/>
                        2014
                    </h3>
                </center>
            </h:panelGrid>
        </p:panel>
    </h:body>
</html>
